<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>勇敢牛牛商城-登录</title>
    <link rel="stylesheet" type="text/css" href="{{ static('css/reset.css') }}">
	<link rel="stylesheet" type="text/css" href="{{ static('css/main.css') }}">
	<script type="text/javascript" src="{{ static('js/vue-2.5.16.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/axios-0.18.0.min.js') }}"></script>
    <script>
        function check() {       //当不满足条件的时候是浅紫色，满足条件的时候变色
             var username = document.getElementsByName('username')[0].value;
             var password = document.getElementsByName('password')[0].value;
             var button =document.getElementById('input_submit');       //注意Id是element，不是elements！！
             if (username && username.length >= 5 && username.length <=20 && password && password.length >= 8 && password.length <=20)
			 {
                 button.disabled=false;
                 button.style.background='#FF0066';
				 //document.getElementById('a_submit').disabled=true;
             } else {
				button.disabled=true;
                button.style.background='#E6E6FA';
			}
        }
    </script>
</head>
<body>
	<div class="login_top clearfix">
		<a href="{{ url('contents:index') }}" >
            <img src="{{ static('images/logo.png') }}" alt="勇敢牛牛logo"
			width="120px" height="100px" style="margin-left:200px;margin-top:30px;">
        </a>
{#        <a href="{{ url('contents:index') }}" class="login_logo">#}
{#			<img src="{{ static('images/logo03.png') }}";alt="牛牛商城" ;#}
{#			width="140px"; height="35px"; >#}
{#		</a>#}
		<a href="{{ url('contents:index') }}" >
			<img src="{{ static('images/slogan.jpg') }}";alt="slogan"
			width="400px" height="70px" style="margin-left:236px;">
		</a>
	</div>
	<div class="login_form_bg" id="app">
		<div class="login_form_wrap clearfix">
			<div class="login_banner fl"></div>
			<div class="login_form fr">
				<div class="login_title clearfix">
					<a href="javascript:;" class="cur" style="color:black;">账户登录</a>
				</div>
				<div class="form_con">
					<div class="form_input cur">
						<form method="post" class="login-form" @submit="on_submit" v-cloak>
                            {{ csrf_input }}
							<input type="text" v-model="username" @blur="check_username" name="username" class="name_input" placeholder="请输入用户名或手机号" oninput="check()" style="border-radius:20px;">
							<div v-show="error_username" class="user_error">请输入正确的用户名或手机号</div>
							<input type="password" v-model="password" @blur="check_password" name="password" class="pass_input" placeholder="请输入密码" oninput="check()" style="border-radius:20px;">
							<div v-show="error_password" class="pwd_error">密码最少8位，最长20位</div>

                            {% if account_errmsg %}
                                <div class="pwd_error">{{ account_errmsg }}</div>>
                            {% endif %}

                            <div class="more_input clearfix">
								<input type="checkbox" v-model="remembered" name="remembered" oninput="check()">
								<label>记住登录</label>
							</div>
							<input type="submit" style="width:300px;height:40px;background-color:#E6E6FA;position:absolute;left:5px;top:170px;
							border:0;cursor:pointer;border-radius: 12px;font-family: 'Microsoft Yahei';color:white;font-size:18px;" id="input_submit" disabled=true value="登 录">
						</form>
					</div>
				</div>
				<div class="third_party">
				<!--	<a @click="qq_login" class="qq_login">QQ</a>
					<a href="#" class="weixin_login">微信</a> -->
					<a href="{{ url('users:register') }}" class="register_btn">立即注册</a>
				</div>
			</div>
		</div>
	</div>
	<div class="footer no-mp">
		<div class="foot_link">
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">联系我们</a>
			<span>|</span>
			<a href="#">招聘人才</a>
			<span>|</span>
			<a href="#">友情链接</a>		
		</div>
		<p>CopyRight © 2021 重庆勇敢牛牛商业股份有限公司 All Rights Reserved</p>
		<p>电话：5208208820    渝ICP备*******8号</p>
	</div>
    <script type="text/javascript" src="{{ static('js/common.js') }}"></script>
	<script type="text/javascript" src="{{ static('js/login.js') }}"></script>
    <br>
</body>
</html>